<template>
	<tm-fullView>
		<template v-slot:default="{info}">
			<view class="grey text " :class="$tm.vx.state().tmVuetify.black?'black bk':''" :style="{minHeight:info.height+'px'}">
				<tm-menubars  title="按钮" color="white" icon-color="black" theme="white" :showback="true"></tm-menubars>
				<tm-sheet :shadow="24">
					<view class="text-size-s text-weight-b ">
						基本示例
					</view>
					<tm-button theme="green" size="xs">特小</tm-button>
					<tm-button theme="indigo" size="s">小</tm-button>
					<tm-button theme="cyan" size="m">中</tm-button>
					<tm-button theme="light-green" size="n">标准</tm-button>
					<tm-button theme="deep-orange" size="l">较大</tm-button>
					<tm-button theme="bg-gradient-red-accent" size="g">大</tm-button>
					<tm-button  theme="bg-gradient-orange-accent" :round="24" block>block</tm-button>
					<view class="py-12"></view>
					<tm-button :loading="true" theme="bg-gradient-indigo-accent" :round="24" black block>loading</tm-button>
					<view class="py-12"></view>
					<tm-button plan theme="pink"  :shadow="0">block</tm-button>
					<tm-button text theme="blue"  :shadow="0">block</tm-button>
					<tm-button text theme="white" :shadow="0" >block</tm-button>
				</tm-sheet>
				<tm-sheet :shadow="24">
					<view class="text-size-s text-weight-b ">
						fab
					</view>
					<tm-button font-color="color" fab icon="icon-pengyouquan" theme="light-green" size="xs">n</tm-button>
					<tm-button font-color="color" fab icon="icon-QQ" icon-size="30" theme="bg-gradient-orange-accent" size="s">l</tm-button>
					<tm-button font-color="color" fab icon="icon-weixin" icon-size="45" theme="bg-gradient-indigo-accent" size="m">g</tm-button>
					<tm-button font-color="color" :loading="true" fab icon="icon-pengyouquan" icon-size="60" theme="bg-gradient-green-accent" size="n">n</tm-button>
					<tm-button font-color="color" fab icon="icon-QQ" icon-size="70" theme="bg-gradient-blue-accent" size="l">l</tm-button>
					<tm-button titl fab fontColor="red" icon="icon-weixin" icon-size="90"  size="g">g</tm-button>
				</tm-sheet>
			</view>
		</template>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmButton from "@/tm-vuetify/components/tm-button/tm-button.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmButton},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
